<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--原网页：https://www.cnblogs.com/yummylucky/p/10512034.html-->
    <style>
        /*body {*/
            /*height: 1000px;*/
        /*}*/
        html, body {
            height: 100%;
            overflow: auto;
        }
    </style>
</head>
<body>
<div id="page_begin_html">
    <style>
        body,
        p,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        ul,
        ol,
        dl,
        dt,
        dd {
            margin: 0;
            padding: 0;
            list-style: none;
            font-size: 12px;
            color: black;
            font-family: '微软雅黑';
        }

        body {
            padding-top: 30px;
        }

        #cnblogs_post_body {
            margin-bottom: 120px;
        }

        p a span:hover {
        }

        .feedbackListSubtitle {
            color: white;
        }

        .feedbackCon {
            color: white;
        }

        span {
            line-height: 30px;
        }

        #post_next_prev a {
            color: black
        }

        .pager {
            color: white;
            font-weight: 700;
        }

        .pager a {
            color: white;
        }

        .buryit {
            border: 1px solid #ccc;
        }

        #cb_post_title_url {
            color: black;
        }

        a {
            text-decoration: none;
            color: #ffffff;
        }

        img,
        input,
        textarea {
            padding: 0;
            border: 0 none;
            outline-style: none;
            vertical-align: bottom;
        }

        .clearfix::after {
            content: "";
            height: 0;
            line-height: 0;
            display: block;
            overflow: hidden;
            clear: both;
        }

        .clearfix {
            zoom: 1;
        }

        @media only screen and (width: 320px) {
            html {
                font-size: 16px;
            }
        }

        @media only screen and (width: 375px) {
            html {
                font-size: 18.75px;
            }
        }

        @media only screen and (width: 414px) {
            html {
                font-size: 20.7px;
            }
        }

        @media only screen and (width: 568px) {
            html {
                font-size: 28.4px;
            }
        }

        @media only screen and (width: 667px) {
            html {
                font-size: 33.35px;
            }
        }

        @media only screen and (width: 736px) {
            html {
                font-size: 36.8px;
            }
        }

        @media only screen and (width: 812px) {
            html {
                font-size: 40.6px;
            }
        }

        @media only screen and (width: 1024px) {
            html {
                font-size: 51.2px;
            }
        }

        @media only screen and (width: 1250px) {
            html {
                font-size: 62.5px;
            }
        }

        body {
            margin: 20px auto;
            background: linear-gradient(to bottom, #000000 0%, #161616 20%, #000144 75%, #000000 95%, black 100%);
            background-repeat: no-repeat;
        }

        body::after {
            background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 32%, rgba(255, 255, 255, 0) 33%) 0 0, radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.1) 11%, rgba(255, 255, 255, 0.3) 13%, rgba(255, 255, 255, 0) 14%) 0 0, radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 17%, rgba(255, 255, 255, 0.43) 19%, rgba(255, 255, 255, 0) 20%) 0 110px, radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 11%, rgba(255, 255, 255, 0.4) 13%, rgba(255, 255, 255, 0) 14%) -130px -170px, radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 11%, rgba(255, 255, 255, 0.4) 13%, rgba(255, 255, 255, 0) 14%) 130px 370px, radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.1) 11%, rgba(255, 255, 255, 0.2) 13%, rgba(255, 255, 255, 0) 14%) 0 0;
            background-size: 470px 470px, 970px 970px, 410px 410px, 610px 610px, 530px 530px, 730px 730px, 100% 100%;
        }

        #home {
            width: 800px;
            margin: 0 auto;
        }

        .title {
            height: 150px;
            font-size: 74px;
            font-family: '宋体';
        }

        .diggit {
            border: 1px solid #ccc;
            color: black;
        }

        .diggit a {
            color: black;
        }

        .title #Header1_HeaderTitle::after {
            content: '';
            display: block;
            position: absolute;
            width: 100%;
            height: 150px;
            top: 0;
            left: 0;
            opacity: 0.5;
        }

        .kissbgpng {
            display: block;
            height: 300px;
            position: fixed;
            bottom: 0;
            z-index: 0;
            opacity: 0;
            animation: change2 3s cubic-bezier(0.3, 0.01, 0.46, 0.23) forwards 1s;
        }

        .kisslolpng {
            display: block;
            height: 300px;
            position: fixed;
            top: 100px;
            right: 100px;
            z-index: 0;
            opacity: 0;
            transform: scale(0.6);
            animation: change3 3s cubic-bezier(0.3, 0.01, 0.46, 0.23) forwards 1s;
        }

        .paopaos {
            position: fixed;
            left: 0px;
            bottom: 0;
        }

        .paopaos .paopao1 {
            position: absolute;
            bottom: -200px;
            left: 30px;
            width: 50px;
            height: 50px;
            opacity: 1;
            background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
            animation: change1 5s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 0s;
        }

        .paopaos .paopao2 {
            position: absolute;
            bottom: -200px;
            left: 180px;
            width: 50px;
            height: 50px;
            opacity: 1;
            background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
            animation: change1 5s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 0.5s;
        }

        .paopaos .paopao3 {
            position: absolute;
            bottom: -200px;
            left: 130px;
            width: 200px;
            height: 200px;
            opacity: 1;
            background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
            animation: change1 3s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 3s;
        }

        .paopaos .paopao4 {
            position: absolute;
            bottom: -200px;
            left: 30px;
            width: 150px;
            height: 150px;
            opacity: 1;
            background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
            animation: change1 4s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 0.5s;
        }

        .paopaos .paopao5 {
            position: absolute;
            bottom: -200px;
            left: 10px;
            width: 120px;
            height: 120px;
            opacity: 1;
            background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
            animation: change1 4.5s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 1s;
        }

        .paopaos .paopao6 {
            position: absolute;
            bottom: -200px;
            left: 300px;
            width: 80px;
            height: 80px;
            opacity: 1;
            background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
            animation: change1 3.5s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 0.7s;
        }

        .paopaos .paopao7 {
            position: absolute;
            bottom: -200px;
            left: -20px;
            width: 100px;
            height: 100px;
            opacity: 1;
            background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
            animation: change1 3.8s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 2s;
        }

        .paopaos .paopao8 {
            position: absolute;
            bottom: -200px;
            left: 100px;
            width: 170px;
            height: 170px;
            opacity: 1;
            background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
            animation: change1 3.2s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 0.3s;
        }

        .paopaos .paopao9 {
            position: absolute;
            bottom: -200px;
            left: 80px;
            width: 50px;
            height: 50px;
            opacity: 1;
            background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
            animation: change1 5s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 1.1s;
        }

        .paopaos .paopao10 {
            position: absolute;
            bottom: -200px;
            left: 130px;
            width: 50px;
            height: 50px;
            opacity: 1;
            background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
            animation: change1 5s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 0.2s;
        }

        .paopaos .paopao11 {
            position: absolute;
            bottom: -200px;
            left: 90px;
            width: 200px;
            height: 200px;
            opacity: 1;
            background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
            animation: change1 3s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 3.2s;
        }

        .paopaos .paopao12 {
            position: absolute;
            bottom: -200px;
            left: -30px;
            width: 150px;
            height: 150px;
            opacity: 1;
            background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
            animation: change1 4s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 5.3s;
        }

        .paopaos .paopao13 {
            position: absolute;
            bottom: -200px;
            left: -50px;
            width: 120px;
            height: 120px;
            opacity: 1;
            background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
            animation: change1 4.5s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 4s;
        }

        .paopaos .paopao14 {
            position: absolute;
            bottom: -200px;
            left: 80px;
            width: 80px;
            height: 80px;
            opacity: 1;
            background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
            animation: change1 3.5s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 0.6s;
        }

        .paopaos .paopao15 {
            position: absolute;
            bottom: -200px;
            left: -20px;
            width: 100px;
            height: 100px;
            opacity: 1;
            background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
            animation: change1 3.8s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 7.5s;
        }

        .paopaos .paopao16 {
            position: absolute;
            bottom: -200px;
            left: 100px;
            width: 170px;
            height: 170px;
            opacity: 1;
            background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
            animation: change1 3.2s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 3.8s;
        }

        .paopaos .paopao17 {
            position: absolute;
            bottom: -200px;
            left: 130px;
            width: 70px;
            height: 70px;
            opacity: 1;
            background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
            animation: change1 4.2s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 0s;
        }

        .paopaos .paopao18 {
            position: absolute;
            bottom: -200px;
            left: 330px;
            width: 60px;
            height: 60px;
            opacity: 1;
            background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
            animation: change1 4.8s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 2.5s;
        }

        .paopaos .paopao19 {
            position: absolute;
            bottom: -200px;
            left: 180px;
            width: 50px;
            height: 50px;
            opacity: 1;
            background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
            animation: change1 5s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 5.2s;
        }

        .paopaos .paopao20 {
            position: absolute;
            bottom: -200px;
            left: -20px;
            width: 60px;
            height: 60px;
            opacity: 1;
            background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
            animation: change1 5s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 7.3s;
        }

        .paopaos4 {
            width: 300px;
            position: fixed;
            right: -50px;
            bottom: 0;
        }

        .paopaos4 .paopao1 {
            position: absolute;
            bottom: -200px;
            left: 30px;
            width: 50px;
            height: 50px;
            opacity: 1;
            background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
            animation: change1 5s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 0.7s;
        }

        .paopaos4 .paopao2 {
            position: absolute;
            bottom: -200px;
            left: 180px;
            width: 50px;
            height: 50px;
            opacity: 1;
            background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
            animation: change1 5s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 1.5s;
        }

        .paopaos4 .paopao3 {
            position: absolute;
            bottom: -200px;
            left: 130px;
            width: 200px;
            height: 200px;
            opacity: 1;
            background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
            animation: change1 3s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 3.9s;
        }

        .paopaos4 .paopao4 {
            position: absolute;
            bottom: -200px;
            left: 30px;
            width: 150px;
            height: 150px;
            opacity: 1;
            background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
            animation: change1 4s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 1.5s;
        }

        .paopaos4 .paopao5 {
            position: absolute;
            bottom: -200px;
            left: 10px;
            width: 120px;
            height: 120px;
            opacity: 1;
            background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
            animation: change1 4.5s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 0.1s;
        }

        .paopaos4 .paopao6 {
            position: absolute;
            bottom: -200px;
            left: 300px;
            width: 80px;
            height: 80px;
            opacity: 1;
            background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
            animation: change1 3.5s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 1.7s;
        }

        .paopaos4 .paopao7 {
            position: absolute;
            bottom: -200px;
            left: -20px;
            width: 100px;
            height: 100px;
            opacity: 1;
            background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
            animation: change1 3.8s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 0.2s;
        }

        .paopaos4 .paopao8 {
            position: absolute;
            bottom: -200px;
            left: 100px;
            width: 170px;
            height: 170px;
            opacity: 1;
            background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
            animation: change1 3.2s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 1.3s;
        }

        .paopaos4 .paopao9 {
            position: absolute;
            bottom: -200px;
            left: 80px;
            width: 50px;
            height: 50px;
            opacity: 1;
            background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
            animation: change1 5s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 0.1s;
        }

        .paopaos4 .paopao10 {
            position: absolute;
            bottom: -200px;
            left: 130px;
            width: 50px;
            height: 50px;
            opacity: 1;
            background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
            animation: change1 5s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 0.2s;
        }

        .paopaos4 .paopao11 {
            position: absolute;
            bottom: -200px;
            left: 90px;
            width: 200px;
            height: 200px;
            opacity: 1;
            background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
            animation: change1 3s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 3.2s;
        }

        .paopaos4 .paopao12 {
            position: absolute;
            bottom: -200px;
            left: -30px;
            width: 150px;
            height: 150px;
            opacity: 1;
            background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
            animation: change1 4s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 5.3s;
        }

        .paopaos4 .paopao13 {
            position: absolute;
            bottom: -200px;
            left: -50px;
            width: 120px;
            height: 120px;
            opacity: 1;
            background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
            animation: change1 4.5s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 4s;
        }

        .paopaos4 .paopao14 {
            position: absolute;
            bottom: -200px;
            left: 80px;
            width: 80px;
            height: 80px;
            opacity: 1;
            background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
            animation: change1 3.5s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 1.6s;
        }

        .paopaos4 .paopao15 {
            position: absolute;
            bottom: -200px;
            left: -20px;
            width: 100px;
            height: 100px;
            opacity: 1;
            background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
            animation: change1 3.8s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 5.5s;
        }

        .paopaos4 .paopao16 {
            position: absolute;
            bottom: -200px;
            left: 100px;
            width: 170px;
            height: 170px;
            opacity: 1;
            background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
            animation: change1 3.2s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 3.1s;
        }

        .paopaos4 .paopao17 {
            position: absolute;
            bottom: -200px;
            left: 130px;
            width: 70px;
            height: 70px;
            opacity: 1;
            background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
            animation: change1 4.2s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 0.8s;
        }

        .paopaos4 .paopao18 {
            position: absolute;
            bottom: -200px;
            left: 330px;
            width: 60px;
            height: 60px;
            opacity: 1;
            background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
            animation: change1 4.8s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 2.1s;
        }

        .paopaos4 .paopao19 {
            position: absolute;
            bottom: -200px;
            left: 180px;
            width: 50px;
            height: 50px;
            opacity: 1;
            background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
            animation: change1 5s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 8.2s;
        }

        .paopaos4 .paopao20 {
            position: absolute;
            bottom: -200px;
            left: -20px;
            width: 60px;
            height: 60px;
            opacity: 1;
            background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 33%) 0 0;
            animation: change1 5s cubic-bezier(0.3, 0.01, 0.46, 0.23) infinite forwards 9.3s;
        }

        @keyframes change1 {
            /* 开始状态 */
            0% {
                bottom: -300px;
                opacity: 1;
            }
            /* 结束状态 */
            80% {
                bottom: 1000px;
                opacity: 0;
            }
            100% {
                bottom: 1000px;
                opacity: 0;
            }
        }

        @keyframes change2 {
            /* 开始状态 */
            0% {
                opacity: 0;
            }
            100% {
                opacity: 0.8;
            }
        }

        @keyframes change3 {
            /* 开始状态 */
            0% {
                transform: scale(0.6);
                opacity: 0;
            }
            100% {
                transform: scale(1);
                opacity: 0.3;
            }
        }

        #navList {
            display: flex;
            width: 100%;
            height: 50px;
            line-height: 50px;
            font-size: 14px;
            justify-content: space-between;
            box-sizing: border-box;
            padding: 0 150px;
            border: 1px solid #3c3b7a;
            border-radius: 15px;
            margin-bottom: 20px;
        }

        #navList li:hover {
            transform: scale(1.1);
        }

        #blog_stats {
            color: #666;
            font-size: 10px;
        }

        .day {
            padding: 30px 50px;
            border: 1px solid #3c3b7a;
            border-radius: 15px;
            margin: 20px 0;
            box-sizing: border-box;
        }

        .day .dayTitle {
            font-size: 12px;
            padding-bottom: 5px;
        }

        .day .dayTitle a {
            color: #c4c4c4;
        }

        .day .postTitle {
            font-size: 18px;
            padding-top: 10px;
            padding-bottom: 10px;
            box-sizing: border-box;
        }

        .day .postTitle:hover {
            margin-top: 2px;
            margin-bottom: -2px;
        }

        .day .postCon {
            text-indent: 2em;
            color: #ececec;
        }

        .day .postDesc {
            color: #cacaca;
            margin-top: 10px;
            padding-bottom: 5px;
        }

        .postDesc a {
            color: black;
        }

        #calendar,
        #newsItem,
        #sidebar_shortcut,
        #sidebar_toptags,
        #sidebar_categories,
        #sidebar_recentcomments,
        #sidebar_topcommentedposts,
        #sidebar_topdiggedposts {
            display: none;
        }

        #footer {
            margin-top: 50px;
        }

        #sideBar {
            padding-bottom: 10px;
            padding-left: 10px;
            width: 200px;
            border-left: #0d0083 2px solid;
            position: fixed;
            z-index: 180;
            padding-right: 50px;
            right: 0px;
            bottom: 20px;
            margin-right: -1555px;
            transition: all 0.3s ease-in;
        }

        #sideBar .newsItem > .catListTitle {
            margin-left: -70px;
            width: 70px;
            padding-top: 100px;
            position: absolute;
            bottom: 0;
        }

        #sideBar .catListTitle {
            font-family: '幼圆';
            font-size: 20px;
            margin-bottom: 10px;
            margin-top: 10px;
        }

        #sideBar .newsItem {
            margin-bottom: 10px;
        }

        #sideBar #sidebar_search_box input[type="text"],
        #sideBar #sidebar_search_box input[type="button"] {
            border: #0d0083 1px solid;
            border-radius: 10px;
            height: 18px;
            background-color: #eeeef5;
            color: #0d0083;
        }

        #sideBar:hover {
            margin-right: 0;
            transition: all 0.3s ease-in;
        }

        #main {
            border-radius: 3px;
            over-flow: hidden;
        }

        #mainContent {
            position: relative;
            z-index: 10;
        }

        #mainContent .forFlow {
            position: relative;
            z-index: 80;
        }

        #mainContent #post_detail {

            background-color: rgb(255, 255, 255);
            background-size: 100%;
            padding: 60px;
            margin-top: 10px;
            margin-bottom: 30px;
            position: relative;
            z-index: 80;
        }

        #mainContent #post_detail .post {
            position: relative;
            z-index: 150;
        }

        #mainContent #post_detail .post .postTitle {
            font-size: 25px;
            padding-bottom: 30px;
            border-bottom: #cccccc solid 2px;
            margin-bottom: 40px;
            position: relative;
            z-index: 150;
        }

        #mainContent #post_detail .cnblogs_code {
            background-color: #f5f5f5;
            border: #bbbbbb 1px solid;
            border-bottom: 1px solid #707070;
            border-radius: 5px;
            font-weight: 600;
            box-sizing: border-box;
        }

        #commentform_title {
            font-size: 14px;
            line-height: 30px;
            margin-top: 70px;
        }

        #comment_form_container input[type="text"] {
            background: linear-gradient(rgba(231, 231, 231, 0.15) 0%, rgba(255, 255, 255, 0.2) 50%, #e7e7e7 100%);
            color: white;
            font-weight: 600;
            font-size: 16px;
            vertical-align: middle;
            margin-top: 10px;
            margin-bottom: 10px;
        }

        .commentbox_main {
            margin-top: 20px;
            margin-bottom: 30px;
        }

        #ad_t2,
        #cnblogs_c1,
        #cnblogs_c2,
        .itnews c_ad_block {
            display: none;
        }

        #tbCommentBody {
            margin-top: 10px;
            background-color: rgba(255, 255, 255, 0.1);
            color: white;
            font-weight: 600;
            font-size: 16px;
            border: 0 0 1px 1px solid #0000ff;
        }

        input#btn_comment_submit {
            background-color: rgba(255, 255, 255, 0.5);
            border-radius: 10px;
            color: white;
        }

        #div_digg div {
            border-radius: 5px;
        }

        @media only screen and (max-width: 1250px) {
            html {
                font-size: 62.5px;
            }

            #home {
                width: 750px;
                margin: 0 auto;
            }
        }

        @media only screen and (max-width: 760px) {
            html {
                font-size: 38px;
            }

            #home {
                width: 100%;
                margin: 0 auto;
            }

            .kissbgpng,
            .kisslolpng {
                display: none;
            }

            #navList {
                padding: 0;
                justify-content: space-around;
            }

            #navList li a {
                text-align: center;
            }
        }

        .kissdashang {
            width: 250px;
            height: 360px;
            position: fixed;
            z-index: 200;
            right: 0;
            top: 100px;
            display: flex;
            margin-right: -220px;
            border-top-right-radius: 0px;
            border-bottom-right-radius: 0px;
            font-size: 16px;
            font-family: '幼圆';
            transition: all 0.3s ease-in;
        }

        .kissdashang:hover {
            margin-right: 0px;
            transition: all 0.3s ease-in;
        }

        .kissdashang .left {

            text-align: center;
            padding-top: 0px;
            box-sizing: border-box;
            font-size: 25px;
            margin-right: 40px;
            color: white;
        }

        .kissdashang .right {
            width: 150px;
        }

        .kissdashang .right p {
            width: 150px;
            font-size: 12px;
            text-align: center;
            line-height: 12px;
            margin-top: 10px;
            margin-bottom: 10px;
            color: white;
        }

        #navList {
            background: #fff;
        }

        #navList > li > a {
            color: black;
        }

        .day {
            background: linear-gradient(to bottom, rgb(247, 246, 246) 0%, white 55%, rgb(247, 246, 246) 100%);
            color: black;
        }

        .day a {
            color: black;
        }

        .c_b_p_desc {
            color: rgb(80, 80, 80);
        }

        .postDesc {
            color: rgb(107, 107, 107);
        }

        #comment_form_container {
            color: white;
        }

        .itnews c_ad_block {
            color: white;
        }

        a {
            color: blue;
        }

        #Header1_HeaderTitle {
            color: white;
        }

        #nav_next_page a {
            color: white;
        }
    </style>
    <ul class="paopaos">
        <li class="paopao1"></li>
        <li class="paopao2"></li>
        <li class="paopao3"></li>
        <li class="paopao4"></li>
        <li class="paopao5"></li>
        <li class="paopao6"></li>
        <li class="paopao7"></li>
        <li class="paopao8"></li>
        <li class="paopao9"></li>
        <li class="paopao10"></li>
        <li class="paopao11"></li>
        <li class="paopao12"></li>
        <li class="paopao13"></li>
        <li class="paopao14"></li>
        <li class="paopao15"></li>
        <li class="paopao16"></li>
        <li class="paopao17"></li>
        <li class="paopao18"></li>
        <li class="paopao19"></li>
        <li class="paopao20"></li>
    </ul>
    <ul class="paopaos4">
        <li class="paopao1"></li>
        <li class="paopao2"></li>
        <li class="paopao3"></li>
        <li class="paopao4"></li>
        <li class="paopao5"></li>
        <li class="paopao6"></li>
        <li class="paopao7"></li>
        <li class="paopao8"></li>
        <li class="paopao9"></li>
        <li class="paopao10"></li>
        <li class="paopao11"></li>
        <li class="paopao12"></li>
        <li class="paopao13"></li>
        <li class="paopao14"></li>
        <li class="paopao15"></li>
        <li class="paopao16"></li>
        <li class="paopao17"></li>
        <li class="paopao18"></li>
        <li class="paopao19"></li>
        <li class="paopao20"></li>
    </ul>

    <div class="kissdashang">
        <div class="left">打<br>赏<br>作<br>者</div>
        <div class="right">
            <img src="https://files-cdn.cnblogs.com/files/yummylucky/zhifu.bmp"
                 alt="https://files-cdn.cnblogs.com/files/yummylucky/zhifu.bmp"
                 title="https://files-cdn.cnblogs.com/files/yummylucky/zhifu.bmp" class="right">
            <p>支付宝</p>
            <img src="https://files-cdn.cnblogs.com/files/yummylucky/WeChat.bmp"
                 alt="https://files-cdn.cnblogs.com/files/yummylucky/WeChat.bmp"
                 title="https://files-cdn.cnblogs.com/files/yummylucky/WeChat.bmp" class="right">
            <p>微&nbsp;信</p>
        </div>
    </div>
</div>
</body>
</html>